*{
	margin: 0;
	padding: 0;
}
a{
	text-decoration: none;
	color: #000;
}
li{
	list-style: none;
}
[v-cloak]{
	display: none;
}
.clears{
	clear: both;
}
.box{
	width: 1400px;
	height: 850px;
	background-color: #eee;
	margin-left: auto;
	margin-right: auto;
}
.bq{
	width: 100%;
	height: 10%;
	box-sizing: border-box;
}

.bq>span{
	display: inline-block;
	width: 100px;
	height:20px;
	text-align: center;
	margin-top:18px;
}
.bq>span:hover a{
	color: blue;
}
.bq>span:last-child{
	float: right;
	font-size: 14px;
	font-weight: bold;
}
.box1{
	width: 100%;
	height: 90%;
}
#root{
	overflow: hidden;
	display: grid;
	grid-gap: 10px;
	grid-template-rows: repeat(2,1fr);
	grid-template-columns: repeat(5,1fr);
	width: 98%;
	height: 98%;
	margin-left: auto;
	margin-right: auto;
}
#root>li:nth-child(1){
	grid-column:1/2;
	grid-row: 3/1;
	overflow: hidden;
}

#root>li{
	background-color: #fff;
	transition: all 0.5s ease-out;
}
#root>li:hover{
	box-shadow: 10px 10px 10px 10px rgba(0,0,0,0.1);
	
}
#root>li>a{
	text-align: center;
	display: block;
	width: 100%;
	height: 100%;
}

.box3{
	width: 100%;
	height: 100%;
}

.box3 span{
	display: block;
	text-align: center;
	font-size: 14px;
	height: 30px;
	line-height: 30px;
}
.box3 span:nth-child(3){
	color: #b0b0b0;
	font-size: 12px;
}
.box3 span:last-child{
	color: #ff6700;
	font-weight: bolder;
}
